.aboutus{
    background: #fff;
    &-banner{
        margin-top: -64px;
        height: 366px;
        position: relative;
        width: 100%;
        overflow: hidden;
        img{
            position: absolute;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
        }
    }
    &-box{
        width: 100%;
        max-width: 1510px;
        min-width: 1360px;
        margin:0 auto;
        padding:40px 80px;
        border-bottom:1px solid #F1F1F1;
        text-align: center;
        &-head{
            h3{
                font-size:26px;
                font-weight:bold;
                line-height: 34px;
                color:rgba(51,51,51,1);
            }
            p{
                font-size:18px;
                color:rgba(153,153,153,1);
            }
        }
        &-body{
            p{
                font-size:18px;
                color:rgba(51,51,51,1);
                line-height:34px;
            }
        }
    }
}

.contactus-table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    background:#F1F1F1;
    td{
        background: #fff;
        padding:18px 15px;
        text-align: left;
        font-size:18px;
        color:#333;
        span{
            color:#999;
        }
        .qrcode{
            position: relative;
            .hover-box{
                position: absolute;
                bottom:100%;
                left: 0;
                display: none;
                padding:10px;
                background:#fff;
                border-radius:5px;
                box-shadow: 0 0 10px rgba(0,0,0,0.2);
                img{
                    width: 120px;
                    height:120px;
                }
            }
            &:hover{
                .hover-box{
                    display: block;
                }
            }
        }
    }
}
@media screen and (min-width: 1500px) {
    .contactus-table{
        td{
            padding:18px 30px;
        }
    }
}